<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            padding: 0px;
            margin: 0px;
            border: 0px;
        }

        #wrap {
            width: 1080px;
            height: 600px;
            margin: 80px auto;
            background: #b1c242;
        }

        .resume {
            width: 1060px;
            height: 556px;
            background: #FFF;
            border: 1px solid #FF0;
            margin: 2px 9px 0px 9px;
            position: relative;
        }

        .header {
            height: 30px;
            background: #b1c242;
            background-size: 20px 20px;
        }

        .bottom {
            width: 100%;
            height: 40px;
            position: absolute;
            bottom: 0px;
            background: f5f5f5;
            border-top: 1px solid #CCC;
            text-align: right;
        }

        .title {
            width: 100%;
            height: 35px;
            background: #ffffe7;
        }

        .input1 {
            width: 200px;
            height: 23px;
            border: 1px solid #6CF;

        }
    </style>

</head>

<body>
    <div id="wrap">
        <div class="header">
            <h3>创建简历</h3>
        </div>
        <form name="resume" class="resume" method="post" action="#" autocomplete="on">
            <div class="header">
                <h3>注意： 录入个人简历</h3>
            </div>
            <div class="conten">
                <table width="1000" border="1" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="250" height="50" align="center">姓名</td>
                        <td width="250" align="center"><input type="text" class="input1"></td>
                        <td width="250" align="center">照片</td>
                        <td width="250" align="center"><input type="file" class="input1"></td>
                    </tr>
                    <tr>
                        <td height="50" align="center">性别</td>
                        <td align="center"><input type="radio" name="sex">男 <input type="radio" name="sex">女</td>
                        <td align="center">电子邮箱</td>
                        <td align="center"><input type="email" class="input1"></td>
                    </tr>
                    <tr>
                        <td height="50" align="center">出生日期</td>
                        <td align="center"><input type="date" class="input1"></td>
                        <td align="center">年龄</td>
                        <td align="center"><input type="number" max="100" min="18"></td>
                    </tr>
                    <tr>
                        <td height="50" align="center">政治面貌</td>
                        <td align="center"><input type="text" class="input1"></td>
                        <td align="center">自学能力</td>
                        <td align="center"><input type="range" min="1" max="100" class="input1"></td>
                    </tr>
                    <tr>
                        <td height="50" align="center">手机号码</td>
                        <td align="center"><input type="tel" class="input1"></td>
                        <td align="center">幸运颜色</td>
                        <td align="center"><input type="color" value="#666666"></td>
                    </tr>
                    <tr>
                        <td height="50" align="center">搜索同名</td>
                        <td colspan="3" align="center"><input type="search" class="input1"></td>
                    </tr>
                    <tr>
                        <td height="50" align="center">兴趣爱好</td>
                        <td colspan="3" align="center"><input type="checkbox">羽毛球 <input type="checkbox">篮球 <input
                                type="checkbox">乒乓球
                            <input type="checkbox">排球
                        </td>
                    </tr>
                    <tr>
                        <td height="50" align="center">个人主页</td>
                        <td colspan="3" align="center"><input type="url" class="input1"></td>
                    </tr>
                </table>
            </div>
            <div class="bottom"> <input type="submit" value="提交"><input type="button" value="关闭窗口"></div>
        </form>
    </div>
</body>

</html>